.text-overflow-ht--e p {
  position: relative;
  line-height: 1.4em;
  /* 3 times the line-height to show 3 lines */
  height: 4.2em;
  overflow: hidden;
}

.g-text-overflow--e,
.g-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*颜色*/
.g-c-yellow {
  color: #ffbf00;
}

.g-p--0 {
  padding: 0 !important;
}

.g-pt--5 {
  padding-top: 5px;
}

.g-p--10 {
  padding: 10px;
}

.g-pt--10 {
  padding-top: 10px;
}

.g-pt--20 {
  padding-top: 20px;
}

.g-pb--5 {
  padding-bottom: 5px;
}

.g-pb--10 {
  padding-bottom: 10px;
}

.g-pb--20 {
  padding-bottom: 20px;
}

.g-pl--5 {
  padding-left: 5px;
}

.g-pr--5 {
  padding-right: 5px;
}

.g-pr--10 {
  padding-right: 10px;
}

.g-pl--10 {
  padding-left: 10px;
}

.g-pr--10 {
  padding-right: 10px;
}

.g-m--0 {
  margin: 0 !important;
}

.g-mb--5 {
  margin-bottom: 5px;
}

.g-mb--10 {
  margin-bottom: 10px;
}

.g-mb--15 {
  margin-bottom: 15px;
}

.g-mb--20 {
  margin-bottom: 20px;
}

.g-mr--5 {
  margin-right: 5px;
}

.g-mr--10 {
  margin-right: 10px;
}

.g-mr--15 {
  margin-right: 15px;
}

.g-mt--5 {
  margin-top: 5px;
}

.g-mt--10 {
  margin-top: 10px;
}

.g-mt--15 {
  margin-top: 15px;
}

.g-mt--20 {
  margin-top: 20px;
}

.g-mt--40 {
  margin-top: 40px;
}

.g-ml--5 {
  margin-left: 5px;
}

.g-ml--10 {
  margin-left: 10px;
}

.g-ml--20 {
  margin-left: 20px;
}

.g-f--l {
  float: left;
}

.g-f--r {
  float: right;
}

.g-t-a--r,
.g-ta--r {
  text-align: right;
}

.g-v-a--t,
.g-va--t {
  vertical-align: top;
}

.g-v-a--m,
.g-va--m {
  vertical-align: middle;
}

/*display------------------------------------------------------------------------------------------*/
.g-d--b {
  display: block;
}

.g-d--ib,
.g-d--i-b {
  display: inline-block;
}

.g-d--f,
.g-d--flex {
  display: flex !important;
}

.g-d--i-f,
.g-d--inline-flex {
  display: inline-flex !important;
}

.g-flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

/*font-------------------------------------------------------------------------------------*/
.g-fs--12 {
  font-size: 12px !important;
}

.g-fs--14 {
  font-size: 14px;
}

.g-fs--16 {
  font-size: 16px;
}

.g-fs--18 {
  font-size: 18px;
}

.g-fs--20 {
  font-size: 20px;
}

/*color--------------------------------------------------------------------------------*/
.g-c--red {
  color: #e62b4a;
}

.g-c-blue--light {
  color: #24adde;
}

.g-c--dark-yellow {
  color: #f7c35b;
}

.g-c--dark-blue {
  color: #73a2e1;
}

.g-c--light-red {
  color: #f77766;
}

.g-c--green {
  color: #37bf3f;
}

.g-c--orange {
  color: #ff6600;
}

.g-c--orange-light {
  color: #efa46e;
}

.g-c--gray {
  color: #999;
}

/*color------------------------------------------------------------------------*/
.g-bg-c--w {
  background-color: #fff;
}

.g-t-a--c,
.g-ta--c {
  text-align: center;
}

tr>th.g-ta--c,
tr>td.g-ta--c {
  text-align: center !important;
}

.g-t-a-l,
.g-ta--l {
  text-align: left;
}

.g-hide,
.g-hiden {
  display: none !important;
}

/* 清除浮动 */
.clearfix:after,
.g-clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.clearfix,
.g-clearfix {
  *zoom: 1;
}

/* layuiAdmin改进 */
.layui-body {
  background-color: #f2f2f2;
}

/* 元素 -------------------------------------------------------------------------------------- */
.layui-badge.layui-badge-fluid {
  width: 100%;
}

.layui-bg-blue--light {
  background-color: #50B2FA !important;
  color: #fff !important;
}


/* layer改进 ------------------------------------------------------------------------------------------------------------------*/
.js-show-img,
.m-show-img {
  height: 28px;
  display: inline-block;
}

.js-show-img+.js-show-img,
.m-show-img+.m-show-img {
  margin-left: 5px;
}

.js-show-img.layui-layer-wrap,
.m-show-img.layui-layer-wrap {
  height: 100%;
}

.js-show-img.layui-layer-wrap img,
.m-show-img.layui-layer-wrap img {
  width: 100%;
}

.layui-layer-content .layui-fluid {
  position: static;
  padding-bottom: 0;
}

.m-form-footer {
  text-align: center;
  padding-top: 10px;
  margin: 0 -15px 0 -15px;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.05);
}

.js-show-img img,
.m-show-img img {
  width: auto;
  height: 100%;
  max-width: 100%;
}

.js-show-img img+img,
.m-show-img img+img {
  margin-left: 3px;
}

.layui-input-block>img {
  width: 100%;
  max-width: 400px;
}

/* form label文字太长放不下 */

.layui-form-label.layui-form-label--lg {
  width: 110px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 15px;
}

p.layui-form-section {
  padding-top: 7px;
  line-height: 24px;
}

.layui-input-block .layui-row:before {
  display: inline-block;
}

.img-wrapper img {
  width: 100%;
  height: auto;
}

.layui-layout-admin .layui-footer {
  left: 0;
  z-index: 99;
}

.layui-layer-admin .layui-layer-content {
  padding: 0;
}

#LAY_adminError {
  padding: 20px;
}

.m-form-label {
  min-width: 110px;
  margin-right: 0;
  box-sizing: border-box;
  text-align: right;
  display: inline-block;
  padding: 9px 10px 9px 0 !important;
  line-height: 20px;
  vertical-align: top;
}

.m-form-value-group {
  display: block;
}

.m-form-value {
  color: #999 !important;
  display: inline-block;
  padding: 9px 0 !important;
  line-height: 20px;
  margin-right: 10px;
}

.m-form-value.m-form-value--block {
  display: block;
  padding-left: 15px !important;
  box-sizing: border-box;
}

.m-form-value>img {
  width: 100%;
  max-width: 600px;
  min-height: 100px;
  background-color: #ddd;
}

.m-form-label.g-ta--l {
  text-align: left;
}

.m-form-label.g-ta--r {
  text-align: right;
}

.m-form-value__title {
  color: #666;
}

/* 上传图片，预览图 */
.layui-upload-list>img {
  max-width: 150px;
  max-width: 150px;
}

.layui-upload-list>img+img {
  margin-left: 10px;
}

.layui-upload-list {
  display: flex;
}

.layui-upload-item {
  width: 92px;
  height: 92px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  display: block;
  flex-wrap: wrap;
  position: relative;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1)
}

.layui-upload-item.layui-upload-item--lg {
  height: 400px;
  width: 400px;
  background-color: #ffffff;
}

.layui-upload-item.layui-upload-item--lg .layui-upload-img-del {
  font-size: 14px;
  line-height: 14px;
}

.layui-upload-item img {
  max-width: 100%;
  line-height: 92px;
  margin-left: 50%;
  margin-top: 50%;
  transform: translate(-50%, -50%);
}

.layui-upload-img-del {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: rgba(255, 255, 255, .8) !important;
  background-color: rgba(0, 0, 0, 0.3);

  text-align: center;
  font-size: 12px;
  line-height: 12px;
  padding: 4% 0;
}

.layui-upload-img-del:hover {
  background-color: rgba(0, 0, 0, .5);
  color: #fff !important;
}

/*添加按钮*/
td .layui-upload-list {
  margin: 0;
}

.layui-upload-item--add {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E6E6E6;
  box-shadow: none;
  border: 2px dashed #CECECE;
  box-sizing: border-box;
  width: 92px;
  height: 92px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  flex-wrap: wrap;
  position: relative;
}

.layui-upload-item--add:hover {
  background-color: #EDEDED;
}

.layui-upload-item--add>.layui-icon {
  font-size: 40px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

.layui-upload-item--add:hover>.layui-icon {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
}

/*td里的图片上传*/
td .layui-upload-img {
  width: 80px;
  height: 80px;
  margin: 0;
}

td .layui-upload-item--add {
  height: 80px;
  width: 80px;
}

td .layui-upload-item {
  width: 80px;
  height: 80px;
  margin: 0;
}

/* table 横向滚动条 */
#LAY_app_body>div {
  overflow-y: scroll;
}

/* layuiadmin风格弹窗 放大缩小按钮css修改 */
.layui-layer-setwin {
  position: absolute;
  right: 40px;
  top: 18px;
}

/* layuiTable img 设置高度 */
.layui-table img,
.layui-table .m-td-img,
.layui-table .m-td__img {
  height: 100%;
}

/* layim 聊天框修改 */
.layim-chat-user .layim-chat-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #e9e9e9;
  text-align: center;
  line-height: 40px;
}

.layim-chat-avatar .layui-icon {
  font-size: 28px;
}

.layui-layer .layim-chat {
  min-height: 382px;
}

.layui-layer .layim-chat-box,
.layui-layer .layim-chat {
  height: 100%;
}

.layui-layer .layim-chat-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.layui-layer .layim-chat-main {
  box-sizing: border-box;
}

.layim-chat-send span,
.layim-chat-send a,
.layim-chat-send button {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 32px;
  margin-left: 5px;
  padding: 0 20px;
  background-color: #5FB878;
  color: #fff;
  border-radius: 3px;
}

.p-btn--dot {
  position: relative;
}

.p-btn--dot .layui-badge-dot {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -4px;
  margin-top: -3px;
}

/*适配移动端 */
@media (max-width: 767px) {
  .layui-upload-item.layui-upload-item--lg {
    width: 92px;
    height: 92px;
  }
}